<template>
  <div class="test2">
    <h3>我是test2页面</h3>
    传递次数：{{ num }}
    <br />
    从test1页面接收到的值：
    <br />
    {{ text }}
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {
      text: "",
      num: 0,
    };
  },
  components: {},
  created() {
    //通过Bus接收参数
    this.$bus.$on("sendData", (data) => {
      this.num++;
      this.text = data;
    });
  },
  beforeDestroy() {
    //销毁组件时，移除自定义事件，因为this.$bus 一直在，不移除会造成消耗
    this.$bus.$off("sendData");
  },
};
</script>

<style scoped>
</style>
